uploadify图片上传配置-白红宇

uploadify图片上传配置

阅读量：4969 次

发布时间：2019-06-12

本文共 2179 字，大约阅读时间需要 7 分钟。

参考：

官网地址：

附件下载地址：

引用js、css

html

js代码

$("#uploadify").uploadify($.extend(true,defaultOptions,{    uploader: 'http://172.16.81.52:7080/web/file/uploadImage',  // 服务器处理地址    swf: '/assets/uploadify/uploadify.swf',    buttonText: "选择文件",                  //按钮文字    height: 34,                             //按钮高度    width: 82,                              //按钮宽度    fileTypeExts: "*.jpg;*.png;",           //允许的文件类型    fileTypeDesc: "请选择图片文件",           //文件说明       formData: { "imageFile": "imageFile" }, //提交给服务器端的参数    fileObjName: 'imageFile',    fileSizeLimit: '2MB', //文件大小，它接受一个单位（B，KB，MB或GB）。默认单位为KB。你可以设置这个值为0表示不限制。    uploadLimit: 1,//图片张数限制    onUploadSuccess: function (file, data, response) {   //一个文件上传成功后的响应事件处理    var fileData = $.parseJSON(data);    //组装图片地址    var imgurl="http://172.16.81.52:81/"+ fileData.data.originalUrl;    AddImage(imgurl,"uploadify-img","js_showImgs",0);    }     }));/********************** 图片预览* imgUrl 图片路径* imgName 图片隐藏域id* renderTo 图片预览追加位置id* index 用于多图片时修改div的class**********************/ window.AddImage=function(imgUrl, imgName, renderTo, index){             index++;            var imgItem = '
     
      ' +                '        
      
       ' +                '       
       ' +                '            
       ' +                '        
      
' +                '    
      
       ' +                '        
       ' +                '            ' +                '        ' +                '        
       
'+            '    
      
' +            '    
     
';            $("#"+renderTo).append(imgItem);            //移除预览图片            $("#"+renderTo).find(".album-tools").click(function(){                //获取上传文件的属性                var    data = $('#uploadify').data('uploadify');                var   settings = data.settings;                //获取当前设置的上传文件数限制                 var uploadLimit=settings.uploadLimit;                 //重置上传限制                 $('#uploadify').uploadify('settings','uploadLimit', ++uploadLimit);                //移除图片元素                $("#"+renderTo).find(".album-image"+index+"").remove();            }) }